<template>
  <div class="container">
    <el-tabs v-model="activeName" @tab-click="handleClick" class="aaa">
      <el-tab-pane label="待审客户" name="first">
        <el-form label-width="100px">
          <el-row :gutter="3" class="m-contain">
            <el-col :span="5" :offset="1">
              <el-form-item label="客户编码:" class="u-ipt">
                <el-input
                  placeholder=""
                  v-model="custData.custCode"
                  class="input-with-select"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="5">
              <el-form-item label="客户名称:" class="u-ipt">
                <el-input
                  placeholder=""
                  v-model="custData.custName"
                  class="input-with-select"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="2" class="checkMagin">
              <el-button
                type="primary"
                icon="el-icon-search"
                @click="checkCustInfo"
                >查询</el-button
              >
            </el-col>
          </el-row>
        </el-form>
        <el-table
          ref="multipleTable"
          :data="tableData"
          border
          stripe
          max-height="500"
          :header-cell-style="{
            background: '#F2F2F2',
            color: '#333',
          }"
          tooltip-effect="dark"
          style="width: 100%"
        >
          <el-table-column
            prop="oldPartyCode"
            label="客户编码"
            align="center"
            show-overflow-tooltip
          >
          </el-table-column>
          <el-table-column
            prop="custName"
            label="客户名称"
            align="center"
            width="240"
            show-overflow-tooltip
          >
          </el-table-column>
          <el-table-column
            prop="industryTypeName"
            label="客户行业"
            width="240"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
          <el-table-column
            prop="regionName"
            label="营销责任地"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
          <el-table-column
            prop="custAuditKindName"
            label="审核类型"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
          <el-table-column
            prop="createDate"
            label="创建时间"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
          <el-table-column
            prop="custStatusCdName"
            label="状态"
            align="center"
            show-overflow-tooltip
          >
          </el-table-column>
          <el-table-column label="操作" align="center">
            <template slot-scope="scope">
              <el-button
                class="editBtn"
                @click="ShHandleClick(scope.row)"
                type="text"
                size="small"
                >审核</el-button
              >
              <el-button
                class="delBtn"
                type="text"
                size="small"
                @click="watchClick(scope.row)"
                >查看审核历史</el-button
              >
            </template>
          </el-table-column>
        </el-table>
        <el-pagination
          background
          @current-change="pageChange"
          @size-change="sizeChange"
          :current-page="parseInt(wTablePage.pageIndex)"
          :page-size="parseInt(wTablePage.pageSize)"
          layout="total, sizes, prev, pager, next, jumper"
          :page-sizes="[10, 20, 30, 50, 100]"
          :total="parseInt(wTablePage.rowCount)"
          class="m-pagination"
        >
        </el-pagination>
        <el-dialog
          width="60%"
          title="客户审核页面"
          :visible.sync="diaVisible"
          :close-on-click-modal="false"
          append-to-body
          class="m-dialog"
        >
          <div class="cust-title">客户基本信息</div>
          <el-row :gutter="2" class="contain-info">
            <el-col
              class="t-list"
              :span="8"
              v-for="(item, index) in dataArr"
              :key="index + '-'"
            >
              <el-col class="u-name" :span="10">{{ item.name }}:</el-col>
              <el-col v-if="item.flag != 0" class="u-value baseInfo" :span="14">
                <el-col :span="20">
                  <el-popover
                    placement="top-start"
                    width="200"
                    trigger="hover"
                    :content="item.value"
                  >
                    <span class="popClass" slot="reference">{{
                      item.value
                    }}</span>
                  </el-popover>
                </el-col>
                <el-col :span="4">
                  <span
                    v-if="item.flag != 0 && item.sysUser && item.value != ''"
                  >
                    <template>
                      <el-button
                        type="text"
                        @click="partyNumberInfoToView(item.flag, index)"
                        size="mini"
                        class="u-toView-btn"
                      >
                        查看
                      </el-button>
                    </template>
                  </span>
                </el-col>
              </el-col>
              <el-col v-else class="u-value baseInfo" :span="14">
                <el-popover
                  placement="top-start"
                  width="200"
                  trigger="hover"
                  :content="item.value"
                >
                  <span class="popClass" slot="reference">{{
                    item.value
                  }}</span>
                </el-popover>
              </el-col>
            </el-col>
          </el-row>
          <el-row>
            <el-col class="t-list" :span="8" style="margin-bottom:10px">
              <el-col class="u-name" :span="10">证件复印件照片:</el-col>
              <el-col class="u-value" :span="14">
                <template>
                  <el-button
                    type="text"
                    @click="getPhoto()"
                    size="mini"
                    class="checkBtn"
                  >
                    查看
                  </el-button>
                </template>
              </el-col>
            </el-col>
          </el-row>
          <el-form label-width="120px" ref="shResultdata" :model="shResultdata">
            <el-row>
              <el-col :span="9">
                <el-form-item label="审核结果:" class="u-ipt" required>
                  <el-select
                    v-model="shResultdata.shResult"
                    placeholder="请选择"
                    class="m-select"
                  >
                    <el-option
                      v-for="item in custTypeList"
                      :key="item.code"
                      :label="item.name"
                      :value="item.code"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="7" :offset="8">
                <el-form-item label="审核人:" class="u-ipt" required>
                  <span style="position: relative; bottom: 1px">{{
                    user.staffName
                  }}</span>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="9">
                <el-form-item label="审核组织:" class="u-ipt" required>
                  <span style="position: relative; bottom: 1px">{{
                    user.orgName
                  }}</span>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="9">
                <el-form-item
                  label="审核意见:"
                  :required="shResultdata.shResult === 0 ? true : false"
                >
                  <el-input
                    type="textarea"
                    v-model="shResultdata.shAdvice"
                  ></el-input>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
          <div class="saveBox">
            <el-button type="primary" @click="saveInfo" class="saveBtn">
              保存
            </el-button>
          </div>
          <el-dialog
            width="40%"
            title="查看照片"
            :visible.sync="innerVisible"
            append-to-body
            class="m-dialog"
            style="text-align: center"
          >
            <el-image fit="scale-down" :src="src" class="img"></el-image>
          </el-dialog>
        </el-dialog>
      </el-tab-pane>
      <el-tab-pane label="已审客户" name="second">
        <el-form label-width="100px">
          <el-row :gutter="3" class="m-contain">
            <el-col :span="5" :offset="1">
              <el-form-item label="客户编码:" class="u-ipt">
                <el-input
                  placeholder=""
                  v-model="custData.custCode"
                  class="input-with-select"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="5">
              <el-form-item label="客户名称:" class="u-ipt">
                <el-input
                  placeholder=""
                  v-model="custData.custName"
                  class="input-with-select"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="2" class="checkMagin">
              <el-button
                type="primary"
                icon="el-icon-search"
                @click="checkCustInfo"
                >查询</el-button
              >
            </el-col>
          </el-row>
        </el-form>
        <el-table
          ref="multipleTable"
          :data="tableData"
          border
          stripe
          max-height="500"
          :header-cell-style="{
            background: '#F2F2F2',
            color: '#333',
          }"
          tooltip-effect="dark"
          style="width: 100%"
        >
          <el-table-column
            prop="oldPartyCode"
            label="客户编码"
            align="center"
            show-overflow-tooltip
          >
          </el-table-column>
          <el-table-column
            prop="custName"
            label="客户名称"
            align="center"
            width="240"
            show-overflow-tooltip
          >
          </el-table-column>
          <el-table-column
            prop="industryTypeName"
            label="客户行业"
            width="240"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
          <el-table-column
            prop="regionName"
            label="营销责任地"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
          <el-table-column
            prop="custAuditKindName"
            label="审核类型"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
          <el-table-column
            prop="createDate"
            label="创建时间"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
          <el-table-column
            prop="custStatusCdName"
            label="状态"
            align="center"
            show-overflow-tooltip
          >
          </el-table-column>
          <el-table-column label="操作" align="center">
            <template slot-scope="scope">
              <el-button
                class="delBtn"
                type="text"
                size="small"
                @click="watchClick(scope.row)"
                >查看审核历史</el-button
              >
            </template>
          </el-table-column>
        </el-table>
        <el-pagination
          background
          @current-change="pageChangeHis"
          @size-change="sizeChangeHis"
          :current-page="parseInt(yTablePage.pageIndex)"
          :page-size="parseInt(yTablePage.pageSize)"
          layout="total, sizes, prev, pager, next, jumper"
          :page-sizes="[10, 20, 30, 50, 100]"
          :total="parseInt(yTablePage.rowCount)"
          class="m-pagination"
        >
        </el-pagination>
      </el-tab-pane>
    </el-tabs>
    <el-dialog
      width="70%"
      title="客户审核历史"
      :visible.sync="watchVisible"
      :close-on-click-modal="false"
      append-to-body
      class="m-dialog"
    >
      <review-history
        :shTableData="shTableData"
        :tablePage="shTablePage"
        @ShChangePage="ShChangePage"
      ></review-history>
    </el-dialog>
  </div>
</template>

<script>
import reviewHistory from "@/views/customer/components/reviewHistory";
import CustExamineManager from "@/api/customer/CustExamineManager";
import CustomerInfoManageServer from "@/api/customer/CustomerInfoManageServer";
import { mapState } from "vuex";
export default {
  data() {
    return {
      activeName: "first",
      custData: {
        custCode: "",
        custName: "",
        // custType: "",
      },
      shResultdata: {
        shResult: "", //审核结果
        shAdvice: "", //审核意见
      }, //审核弹窗数据
      wTablePage: {
        pageIndex: 1, //当前页码
        pageSize: 10, //每页多少条
        rowCount: 0, //总条数
      },
      yTablePage: {
        pageIndex: 1, //当前页码
        pageSize: 10, //每页多少条
        rowCount: 0, //总条数
      },
      tableData: [],
      shTableData: [], //查看审核历史
      shTablePage: {
        pageIndex: 1, //当前页码
        pageSize: 5, //每页多少条
        rowCount: 0, //总条数
      }, //审核历史分页
      custTypeList: [
        {
          name: "请选择",
          code: "",
        },
        {
          name: "同意",
          code: 1,
        },
        {
          name: "不同意",
          code: 0,
        },
      ],
      dataArr: [
        { name: "客户名称", value: "", flag: "4" , sysUser: false },
        { name: "客户编码", value: "", flag: "0" },
        { name: "客户状态", value: "", flag: "0" },
        { name: "行业类型", value: "", flag: "0" },
        { name: "细分市场", value: "", flag: "0" },
        { name: "客户类别", value: "", flag: "0" },
        { name: "营销责任地", value: "", flag: "0" },
        { name: "总部所在国家", value: "", flag: "0" },
        { name: "证件类型", value: "", flag: "0" },
        { name: "证件号码", value: "", flag: "1", sysUser: false },
        { name: "证件地址", value: "", flag: "2", sysUser: false },
        { name: "管控级别", value: "", flag: "0" },
        { name: "直管类型", value: "", flag: "0" },
        { name: "客户服务等级", value: "", flag: "0" },
        { name: "客户经理", value: "", flag: "0" },
        { name: "售后服务等级", value: "", flag: "0" },
        { name: "大客户级别", value: "", flag: "0" },
        { name: "企业员工数", value: "", flag: "0" },
        { name: "省行业经理", value: "", flag: "0" },
        { name: "本地网行业经理", value: "", flag: "0" },
        { name: "客户地址", value: "", flag: "3", sysUser: false },
      ],
      diaVisible: false, //审核弹窗控制按钮
      watchVisible: false, //查看审核历史按钮
      innerVisible: false, //查看证件照片
      shAdvice: "", //审核意见
      tabIndex: 0, //tab切换index
      custId: "", //用于查看接口
      row: {}, //每一行的信息
      src: "", //证件照片路径
      photoPath: "", //照片路径
      partyCertId:''
    };
  },

  components: {
    reviewHistory,
  },

  computed: {
    ...mapState("user", ["user"]),
  },

  mounted() {
    this.getCustAuditList();
  },

  methods: {
    //判断是否有权限
    async getDesensPriv() {
      const result = await CustomerInfoManageServer.getDesensPriv({
        sysUserId: this.user.sysUserId,
      });
      if (result.code == 200) {
        if (result.meta.NUM_COUNT != 0) {
          this.dataArr[9].sysUser = true;
        }
        if (result.meta.ADD_COUNT != 0) {
          this.dataArr[10].sysUser = true;
        }
        if (result.meta.CDD_COUNT != 0) {
          this.dataArr[20].sysUser = true;
        }
        if(result.meta.NAME_COUNT != 0){
           this.dataArr[0].sysUser = true;
         }
      }
    },
    async getCustAuditList() {
      var params = {
        auditor: this.user.staffId,
        statusCds: this.tabIndex == 0 ? "1120" : "1130,1140",
        pageIndex:
          this.tabIndex == 0
            ? this.wTablePage.pageIndex
            : this.yTablePage.pageIndex,
        pageSize:
          this.tabIndex == 0
            ? this.wTablePage.pageSize
            : this.yTablePage.pageSize,
        custAuditKinds: "1",
        custNameLike: this.custData.custName,
        oldPartyCodeLike: this.custData.custCode,
      };
      const result = await CustExamineManager.getCustAuditList(params);
      if (result.code == 200) {
        this.tableData = result.meta.custAuditList;
        if (this.tabIndex == 0) {
          this.wTablePage.rowCount = result.meta.pageInfo.rowCount;
        } else {
          this.yTablePage.rowCount = result.meta.pageInfo.rowCount;
        }
        this.tableData.forEach((item) => {
          item.createDate = item.createDate
            ? item.createDate.substring(0, 4) +
              "-" +
              item.createDate.substring(4, 6) +
              "-" +
              item.createDate.substring(6, 8) +
              " " +
              item.createDate.substring(8, 10) +
              ":" +
              item.createDate.substring(10, 12) +
              ":" +
              item.createDate.substring(12, 14)
            : "";
        });
      }
    },
    //查询审核客户
    checkCustInfo() {
      this.getCustAuditList();
    },
    handleClick(tab) {
      if (tab.index == "0") {
        this.tabIndex = 0;
        this.wTablePage.pageIndex = 1;
        this.custData = {
          custCode: "",
          custName: "",
        };
        this.getCustAuditList();
      } else {
        this.tabIndex = 1;
        this.yTablePage.pageIndex = 1;
        this.custData = {
          custCode: "",
          custName: "",
        };
        this.getCustAuditList();
      }
    },
    pageChange(val) {
      this.wTablePage.pageIndex = val;
      this.getCustAuditList();
    },
    sizeChange(val) {
      this.wTablePage.pageSize = val;
      this.getCustAuditList();
    },
    pageChangeHis(val) {
      this.yTablePage.pageIndex = val;
      this.getCustAuditList();
    },
    sizeChangeHis(val) {
      this.yTablePage.pageSize = val;
      this.getCustAuditList();
    },
    ShHandleClick(row) {
      this.getDesensPriv();
      this.shResultdata = {
        shResult: "", //审核结果
        shAdvice: "", //审核意见
      };
      this.row = row;
      this.diaVisible = true;
      this.getCustDetail(row);
      this.getPartyNews(row);
    },
    async saveInfo() {
      if (this.shResultdata.shResult === "") {
        this.$confirm("请选择审核结果！", "提示", {
          confirmButtonText: "关闭",
          showCancelButton: false,
          type: "warning",
          center: true,
        });
        return false;
      }
      if (
        this.shResultdata.shResult === 0 &&
        this.shResultdata.shAdvice == ""
      ) {
        this.$confirm("审核意见不能为空！", "提示", {
          confirmButtonText: "关闭",
          showCancelButton: false,
          type: "warning",
          center: true,
        });
        return false;
      }
      let parmas = {
        custAuditId: this.row.custAuditId,
        auditStatus: this.shResultdata.shResult,
        auditIdea: this.shResultdata.shAdvice,
        auditor: this.user.staffId,
        orgId:this.user.orgId,
        regionType:this.user.regionType,
        regionCode:this.user.regionCode,
        custId: this.row.custId,
        auditorName: this.user.staffName,
        partyId: this.row.partyId,
      };
      const result = await CustExamineManager.saveCustAuditNew(parmas);
      if (result.code == 200) {
        this.getCustAuditList();
        this.diaVisible = false;
      }
    },
    //初始化身份证信息
    async getCustDetail(row) {
      this.row = row;
      let params = {
        custId: row.custId,
        scope: "customer,custAssignRel,custOther,serviceGrade,partyOrg",
        desenFlag: 1,
      };
      // 
      const response = await CustomerInfoManageServer.getCustDetail(params);
      if (response.code == 200) {
        
        let result = response.meta.customerDetail;
        // 客户名称
        this.dataArr[0].value = this.isNull(result.custName);
        // 客户编码
        this.dataArr[1].value = this.isNull(result.oldPartyCode);
        // 客户状态
        this.dataArr[2].value = this.isNull(result.statusCdName);
        // 行业类型
        this.dataArr[3].value = this.isNull(result.industryTypeName);
        // 细分市场
        this.dataArr[4].value = this.isNull(result.marketName);
        // 客户类别
        this.dataArr[5].value = this.isNull(result.custKindName);
        // 营销责任地
        this.dataArr[6].value = this.isNull(result.regionName);
        // 总部所在国家
        this.dataArr[7].value = this.isNull(
          result.custOther[0].headCountryName
        );
        // 管控级别
        this.dataArr[11].value = this.isNull(
          result.custOther[0].controlTypeName
        );
        // 直管类型
        this.dataArr[12].value = this.isNull(
          result.custOther[0].controlLevelName
        );
        // 客户服务等级
        this.dataArr[13].value = this.isNull(
          result.serviceGrade ? result.serviceGrade.serviceLevelName : ""
        );
        // 客户经理
        this.dataArr[14].value =
          this.isNull(result.custManagerNameA) +
          " " +
          this.isNull(result.custManagerNameB);
        // 售后服务等级
        this.dataArr[15].value = this.isNull(result.secrecyLevelName);
        // 大客户级别
        this.dataArr[16].value = this.isNull(result.bigCustGradeName);
        // 企业员工数
        this.dataArr[17].value = this.isNull(result.custOther[0].personNum);
        // 客户地址
        this.dataArr[20].value = this.isNull(result.custAddr);
        result.custAssignRel.forEach((item) => {
          if (item.responsibilityTypeCd == 4 || item.responsibilityTypeCd == 5) {
            //客户经理A
            if(item.channelMemberId == this.user.staffId){
              this.dataArr[0].sysUser = true
            }
          } else if (item.responsibilityTypeCd == 9) {
            //省行业经理
            this.dataArr[18].value = this.isNull(item.custManagerName);
          } else if (item.responsibilityTypeCd == 10) {
            //本地行业经理
            this.dataArr[19].value = this.isNull(item.custManagerName);
          }
        });
      }
    },
    //获取证件信息
    async getPartyNews(row) {
      const response = await CustExamineManager.getPartyNews({
        partyId: row.partyId,
        desenFlag: 1,
      });
      if (response.code == 200) {
        if (response.meta.party) {
          this.partyCertId = this.isNull(response.meta.party.partyCert.partyCertId)
          //照片路径
          this.photoPath = this.isNull(response.meta.party.partyCert.photoPath);
          // 证件类型
          this.dataArr[8].value = this.isNull(
            response.meta.party.partyCert.certTypeName
          );
          // 证件号码
          this.dataArr[9].value = this.isNull(
            response.meta.party.partyCert.certNum
          );
          // 证件地址
          this.dataArr[10].value = this.isNull(
            response.meta.party.partyCert.certAddr
          );
        } else {
          //照片路径
          this.photoPath = "";
          // 证件类型
          this.dataArr[8].value = "";
          // 证件号码
          this.dataArr[9].value = "";
          // 证件地址
          this.dataArr[10].value = "";
        }
      }
    },
    //查看审核历史
    async watchClick(row) {
      this.custId = row.custId;
      this.shTablePage.pageIndex = 1;
      this.watchVisible = true;
      this.watchHistory();
    },
    async watchHistory() {
      let params = {
        custId: this.custId,
        pageIndex: this.shTablePage.pageIndex,
        pageSize: 5,
      };
      const response = await CustExamineManager.getCustAuditList(params);
      if (response.code == 200) {
        let res = response.meta;
        this.shTableData = res.custAuditList || [];
        if (this.shTableData) {
          this.shTableData.forEach((item) => {
            item.auditStatus = item.auditStatus
              ? item.auditStatus == 1
                ? "同意"
                : "不同意"
              : "";
            item.auditDate = item.auditDate
              ? item.auditDate.substring(0, 4) +
                "-" +
                item.auditDate.substring(4, 6) +
                "-" +
                item.auditDate.substring(6, 8) +
                " " +
                item.auditDate.substring(8, 10) +
                ":" +
                item.auditDate.substring(10, 12) +
                ":" +
                item.auditDate.substring(12, 14)
              : "";
          });
        }
        this.shTablePage.rowCount = Number(res.pageInfo.rowCount);
      } else {
        this.$notify.error({
          title: "错误",
          message: response.msg,
        });
      }
    },
    // 查看历史审核记录分页
    ShChangePage(val) {
      this.shTablePage.pageIndex = val;
      this.watchHistory();
    },
    // 判断值是否存在
    isNull(val) {
      if (
        val == "NaN" ||
        val == "null" ||
        val == "undefined" ||
        val == undefined
      ) {
        return (val = "");
      } else {
        return val;
      }
    },
    //获取照片地址
    async getPhoto() {
      if(this.photoPath) {
        const response = await CustomerInfoManageServer.getCustPhoto({
          photoPath: this.photoPath,
        });
        if (response.code == 200) {
          this.src = response.meta.base64;
          this.innerVisible = true;
        }
      } else {
        this.$alert("无证件照片", "提示", { type: "warning" });
      }
    },
    //点击查看按钮
    async partyNumberInfoToView(item) {
      let parmas;
      if(item == 1){
        // 证件号码
          parmas = {
           flag:'orgUscc',
           custId:this.row.custId,
           partyCertId:this.partyCertId,
           partyId:this.row.partyId,
           staffName:this.user.staffName,
           staffCode:this.user.staffCode,
         }  
      }else if(item == 2){
        //  证件地址
         parmas = {
           flag:'certAddr',
           custId:this.row.custId,
           partyCertId:this.partyCertId,
           partyId:this.row.partyId,
           staffName:this.user.staffName,
           staffCode:this.user.staffCode,
         } 
      }else if(item == 3){
        // 客户地址
         parmas = {
           flag:'custAddr',
           custId:this.row.custId,
           staffName:this.user.staffName,
           staffCode:this.user.staffCode,
         } 
      }else {
        parmas = {
           flag:'custName',
           custId:this.row.custId,
           staffName:this.user.staffName,
           staffCode:this.user.staffCode,
         } 
      }
      const response = await CustomerInfoManageServer.getDesensAttr(parmas);
      if(response.code == 200){
        if(item == 1){
            this.dataArr[9].value = response.meta.resultValue;
            this.dataArr[9].sysUser = false;
        }else if(item == 2){
            this.dataArr[10].value = response.meta.resultValue;
            this.dataArr[10].sysUser = false;
        }else if(item == 3){
            this.dataArr[20].value = response.meta.resultValue;
            this.dataArr[20].sysUser = false;
        }else {
            this.dataArr[0].value = response.meta.resultValue;
            this.dataArr[0].sysUser = false;
        }
      }
    },
    format(val) {
      if (val) {
        var y = val.substring(0, 4);
        var m = val.substring(4, 6);
        var d = val.substring(6, 8);
        return y + "-" + m + "-" + d;
      } else {
        return val;
      }
    },
  },
};
</script>
<style lang='scss' scoped>
.container {
  height: 100%;
  width: 100%;
  background-color: #fff;
  padding: 15px;
}
.editBtn,
.delBtn {
  padding: 0;
}
.m-pagination {
  text-align: right;
  margin: 10px 30px 0 0;
}
.custType {
  width: 17.5%;
}
.t-list {
  display: flex;
  height: 30px;
  align-items: center;
}
.baseInfo {
  display: flex;
  align-items: center;
}
.u-btn {
  margin-left: 10px;
}
.u-name {
  text-align: right;
  color: #666;
}
.u-value {
  text-align: left;
  color: #999;
}
.saveBox {
  height: 50px;
  text-align: center;
}
.checkBtn {
  min-height: 20px;
  padding: 0;
  line-height: 20px;
  width: 40px;
  font-size: 12px;
}
.saveBtn {
  width: 80px;
  height: 0.34rem;
  line-height: 0.34rem;
}
.cust-title {
  padding: 10px 10px 10px;
  font-size: 13px;
}
.u-toView-btn {
  padding: 0;
  margin-left: 10px;
}
.jlTable > ::v-deep .el-table__fixed {
  height: auto !important;
  bottom: 12px !important;
}
.img {
  width: 200px;
  height: 200px;
}
</style>